@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, menu, article, section, nav, footer, header { margin: 0; padding: 0; border: none; outline: none; font-size: 1em; vertical-align: baseline; background: transparent; }
img { vertical-align: bottom; max-width: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: inherit; text-decoration: none; }
/*14px:.875em;12px:.75em;*/
body{max-width:640px; margin:0 auto;}
body, input, textarea{ font-family: "HelveticaNeue", "Droid sans fallback", "微软雅黑"; font-size: 16px; color: #333; line-height: 1em; }
.page_index, .page_list, .page_edit { background: #f2f2f2; }
.page_edit:before,.page_detail:before,.page_detail:after{content:'';display:block;height:40px;}
.page_detail{ background:#fff;}
.page_detail:after{ height:30px;}
.clear{clear:both;}

/*图标*/
.icon { display: inline-block; width: 22px; height: 22px; background-size: contain; background-position: 50%; vertical-align: middle; }
.icon_views { background-image: url(../images/icon_views.png); }
.icon_praise { background-image: url(../images/icon_praise.png); }
.icon_praised { background-image: url(../images/icon_praised.png); }
.icon_publish { background-image: url(../images/icon_publish.png); }
.icon_edit { background-image: url(../images/icon_edit.png); }
.icon_arr_l { background-image: url(../images/icon_arr_l.png); }
/*king.wap.js start*/
/*弹框*/
.king_box { width: 100%; height: 100%; color: #000; background: rgba(0,0,0,0); position: fixed; left: 0; top: 0; z-index: 99998; font-size: 16px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-transition: background .1s ease; transition: background .1s ease; }
.king_box_in { max-width: 320px; width: 88%; border: 2px solid #7b4893; background: #fff; position: fixed; left: 50%; top: 50%; border-radius: 10px; z-index: 99999; overflow: hidden; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: opacity .1s ease .1s; transition: opacity .1s ease .1s;}
.king_box.show { background: rgba(0,0,0,.4);}
.king_box.show .king_box_in { opacity: 1; }
.king_box_title { width: 100%; padding-top: 20px; text-align: center; font-weight: 900; color: #7b4893; }
.king_box_cont { padding: 30px 20px 20px; text-align: center; line-height: 26px; color: #262626; overflow: hidden; }
.king_box_cont img { max-width: 100%; }
.king_box_btns { width: 100%; padding: 10px 0 20px; text-align: center; display: -webkit-box; display: box; -webkit-box-pack: center; box-pack: center; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.king_box_btns span { display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; max-width: 120px; height: 100%; margin: 0 10px; border-radius: 5px; text-align: center; cursor: pointer; padding: 8px 0; color: #fff; background: #7b4893; }
.king_box_btns span:last-child { border: none;}
.king_box_btns span:active { background: #673181;}
/*提示*/
.king_pop_tips { width: 160px; text-align: center; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 999999; }
.king_pop_tips.show { opacity: 1; }
.king_pop_tips span { display: block; font-size: 14px; padding: 30px 10px; border-radius: 5px; background: rgba(0,0,0,0.8); color: #fff; overflow: hidden; -webkit-user-select: none; user-select: none; }
/*查看大图*/
.lkt_image_view{ position:fixed; left:0; top:0; width:100%;height:100%;background:rgba(0,0,0,.6); text-align:center;font-size:0; z-index:99;}
.lkt_image_view img{max-width:100%;max-height:100%; vertical-align:middle; position:relative; z-index:1;}
.lkt_image_view:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.lkt_image_view.load:before{content:''; display:block; position:absolute; left:50%; top:50%;margin:-15px 0 0 -15px;width:30px;height:30px;border-radius:100%;border:2px solid #fff; border-right-color:transparent;-webkit-animation: king-ld 1.2s linear infinite; animation: king-ld 1.2s linear infinite; z-index:0;}
/*加载动画*/
.king_ld { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:99;}
.king_lds { width: 56px; height: 56px; position: fixed; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background: rgba(0,0,0,.85); border-radius: 5px; padding:12px;text-align:center;font-size:0;-webkit-user-select:none;user-select:none;overflow:hidden;}
.king_lds:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.king_lds span{display:inline-block;vertical-align:middle;font-size:14px; color:#fff; line-height:1.6em;}
.king_lds span:before{content:'';display:block;width:36px;height:36px;margin:0 auto;border-radius:100%;border:2px solid #fff; border-right-color:transparent;-webkit-animation: king-ld 1.2s linear infinite; animation: king-ld 1.2s linear infinite;}
@-webkit-keyframes king-ld { 0% {
-webkit-transform:rotate(0)
}
 100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes king-ld { 0% {
transform:rotate(0);
}
 100% {
transform:rotate(360deg)
}
}
/*king.wap.js end*/

/*头部*/
header { width: 100%; height: 40px; background: #824d9b; background-size: 100% 100%; text-align: center; line-height: 40px; color: #fff; position: fixed; left: 0; top: 0; z-index: 3; }
.header_left { width: 40px; height: 40px; position: absolute; left: 0; top: 0;font-size:0;}
.header_left:after{content:'';display:inline-block;width:0;height:100%; vertical-align:middle;}

/*滚动图*/
.banner { width: 100%; padding-top: 41%; background: #333; position: relative; overflow: hidden; }
.banner .swiper-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide .swiper-lazy-preloader { padding-top: 30.67%; height: 0; }
.swiper-pagination { position: absolute; right: 15px; bottom: 6px; text-align: center; z-index: 10 }
.swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; display: inline-block; border-radius: 100%; background: #fff; }
.swiper-pagination-bullet-active { background: #824d9b }
/*频道*/
.channel h1 { border-bottom: 2px solid #f2f2f2; padding: 10px; background: #fff; }
.channel_name_wrap { height: 34px; }
.channel_name.fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
.channel_name { background: #fff; display: -webkit-box; display: box; text-align: center; overflow: hidden; }
.channel_name>div { -webkit-box-flex: 1; box-flex: 1; position: relative; }
.channel_name>div:after { content: ''; display: block; position: absolute; right: 0; top: 20%; bottom: 20%; width: 1px; background: #f2f2f2; }
.channel_name>div:last-child { border: none; }
.channel_name>div.selected a { border-bottom: 2px solid #824d9b; color: #824d9b; }
.channel_name>div a { display: block; padding: 8px 0; }
/*商品列表*/
.channel_log { color: #824d9b; text-align: center; padding-top: 60px;display:none;}
.channel_items {height:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.channel_items li { width: 50%; float: left; overflow: hidden; }
.channel_items li:nth-child(odd) .item_in { margin: 14px 7px 0 14px; }
.channel_items li:nth-child(even) .item_in { margin: 14px 14px 0 7px; }
.item_in { position: relative; background: #fff; border-radius: 6px; padding: 8px 8px 2px; overflow: hidden; }
.channel_logo { position: absolute; right: 8px; top: 8px; width: 50px; height: 24px; background: url(../images/logo1.png) no-repeat center right; background-size: auto 100%; }
.channel_user_pic { width: 22px; height: 22px; display: inline-block; vertical-align: bottom; }
.channel_user_pic img { width: 100%; height: 100%; }
.channel_user_name { display: inline-block; width: 52%; vertical-align: bottom; margin-left: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #824d9b; font-size: .75em; }
.channel_img { border: 1px solid #b097d0; margin: 8px 0; padding-top: 100%; position: relative; border-radius:2px;}
.channel_img:after{content:'';display:block;width:10px;height:10px;border-bottom:1px solid #b097d0;border-right:1px solid #b097d0;position:absolute;right:20px;bottom:-6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:1;}
.channel_img img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);z-index:2;}
.channel_text { height:32px; font-size: .75em; margin-top:8px;}
.channel_num { display: -webkit-box; display: box; margin-top: 6px; font-size: 12px; line-height: 2em; }
.channel_num span { vertical-align: top; }
.channel_num>div { width: 64px; }
/*悬浮发布按钮*/
.publish_fixed { width: 48px; height: 48px; position: fixed; right: 20px; bottom: 20px; z-index:9;}
.publish_fixed a { display: block; width: 100%; height: 100%; border-radius: 100%; background: rgba(130,77,155,.6); color: #fff; text-align: center; font-size: .75em; }
.publish_fixed span { margin-top: 5px; }
/*临时内容样式*/
.temp_loadmore { text-align: center; padding:30px 0; }
.c1{color: #824d9b;}
/*列表页*/
.list_banner { text-align: center; }
.list_description { background: #fff; padding: 10px; line-height: 1.4em; text-indent: 2em; }
/*参与活动*/
.share_title{ padding: 8px; background:#fff;}
.share_title input,.share_content textarea{ width:100%; padding:0;border:none; color:#824d9b; line-height:1.3em;}
.share_content{padding:5px 8px; background:#fff;margin-top:3px;}
.share_content textarea{height:120px; line-height:1.4em;-webkit-resize:none;resize:none;}
.share_images{padding:5px;display:-webkit-box;display:box;}
.share_images>div{-webkit-box-flex:1;box-flex:1; width:33.33%; position:relative;margin:5px;background:#fff;}
.share_images>div>div{z-index:1;}
.share_images>div img{ position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); max-width:100%;max-height:100%;}
.share_images>div.add input{opacity:0; z-index:3;position:absolute;width:100%;}
.share_images>div.del input,.share_images>div.up input{ display:none;}
.share_images>div .webuploader-pick{width:100%;padding-top:100%;background:no-repeat center center;position:relative;text-align:center;}
.share_images>div.add .webuploader-pick{background-image:url(../images/icon_add.png)}
.share_images>div.del .webuploader-pick{background-color:rgba(0,0,0,.4);background-image:url(../images/icon_del.png);z-index:2;}
.share_images>div.up .webuploader-pick{background-color:rgba(0,0,0,.4);}
.share_images>div.up:before{content:''; display:block; position:absolute; left:50%; top:50%;margin:-15px 0 0 -15px;width:30px;height:30px;border-radius:100%;border:2px solid #fff; border-right-color:transparent;-webkit-animation: king-ld 1.2s linear infinite; animation: king-ld 1.2s linear infinite; z-index:3;}
.share_submit{position:fixed; left:0; bottom:0;right:0;height:40px; background:#824d9b; color:#fff; text-align:center; line-height:40px;}


/*心得详情*/
.detail{ position:relative; padding:35px 0 15px 52px;margin:0 8px 0 8px; border-bottom:1px dashed #f2f2f2;font-size:0.875em;}
.detail_top{ position:fixed; left:0; top:40px; width:100%;background:#fff; padding:9px 10px 5px; z-index:3; display:-webkit-box; display:box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.detail_user_pic{width:30px; height:30px;}
.detail_user_name{ margin:6px 0 0 8px;}
.detail_top>.channel_num{margin-top:4px;-webkit-box-flex:1;box-flex:1;-webkit-box-pack:end;box-pack:end;}
.detail_image{display:-webkit-box;display:box; padding:8px 0;}
.detail_image>div{width:30%;position:relative; border:2px solid #f6f6f6;margin-right:5%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.detail_image>div:last-child{margin:0;}
.detail_image>div>img{max-width:100%;max-height:100%; position:absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.detail_image>div:after{content:'';display:block;width:0;padding-top:100%;}
.discuss_list ul{margin:0 15px;}
.discuss_list li{ position:relative; padding:15px 0 15px 52px; border-top:1px solid #f2f2f2;font-size:0.875em;}
.discuss_list li:first-child{ border:none;}
.discuss_user_pic{ width:30px; height:30px; position:absolute; left:0;top:15px;}
.detail_user_pic img,.discuss_user_pic img{ width:100%;height:100%;}
.discuss_user_name span,.detail_user_name span{ color:#824d9b;}
.detail_content{margin-top:8px;line-height:1.4em;}

/*添加评论*/
.discuss_box{ position:fixed; left:0; right:0;bottom:0; display:-webkit-box; display:box; padding:8px 0 8px 8px; background:#fff;}
.discuss_box>.discuss_input{-webkit-box-flex:1;box-flex:1; background:#eaeaea; border-radius:3px; padding:0 .5em;}
.discuss_box>.discuss_input input{ width:100%;height:100%; border:none; background:none; padding:0; line-height:2em;}
.discuss_box>.discuss_send{width:60px; text-align:center;line-height:2em; color:#824d9b;}
